<template>
  <div class='detail-steps'>
    <XtxSteps :active="order.orderState === 6 ? 1 : order.orderState">
      <XtxStepsItem title="提交订单" :desc="order.createTime"></XtxStepsItem>
      <XtxStepsItem title="付款成功" :desc="order.payTime"></XtxStepsItem>
      <XtxStepsItem title="商品发货 " :desc="order.consignTime"></XtxStepsItem>
      <XtxStepsItem title="确认收货 " :desc="order.endTime"></XtxStepsItem>
      <XtxStepsItem title="订单完成 " :desc="order.closeTime"></XtxStepsItem>
    </XtxSteps>
  </div>
</template>

<script>
export default {
  name: 'DetailSteps',
  props: {
    order: {
      type: Object,
      default: () => ({})
    }
  }
}
</script>

<style lang='less' scoped>
.detail-steps {
  padding: 20px;
}
</style>